<!DOCTYPE html>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
	  @import url(/resources/css/style.css);
	</style>
    <title><fmt:message key="application.welcome"/></title>
  </head>
  <body>
	<div class="container">
	  	<div class="main-top">
	  		<span id="logout-key" class="logout"></span>
	  		<img alt="profile picture" class="profile-picture" src="/resources/img/main/avatar_default.png">
	  		<div class="contact-info">
		  		<div class="firstName">
		  			${userContext.firstName}
		  		</div>
		  		<div class="lastName">
		  			${userContext.lastName}
		  		</div>
		  		<div class="mail">
		  			${userContext.mail}
		  		</div>
	  		</div>
	  	</div>
	  	<div class="main-bloc">
	  		<div class="menu">
	  			<c:set var="button_events_active" value="inactive"></c:set>
	  			<c:set var="button_people_active" value="inactive"></c:set>
	  			<c:set var="button_items_active" value="inactive"></c:set>
	  			<c:set var="button_media_active" value="inactive"></c:set>
	  			<c:if test="${tabIndex==1}">
	  				<c:set var="button_events_active" value="active"></c:set>
	  			</c:if>
	  			<c:if test="${tabIndex==2}">
	  				<c:set var="button_people_active" value="active"></c:set>
	  			</c:if>
	  			<c:if test="${tabIndex==3}">
	  				<c:set var="button_items_active" value="active"></c:set>
	  			</c:if>
	  			<c:if test="${tabIndex==4}">
	  				<c:set var="button_media_active" value="active"></c:set>
	  			</c:if>
	  			<div class="events menu-tab">
	  				<a href="#" id="button-events" class="button button-events button-tab">
						<span class="${button_events_active}">
							<span>
								<span><fmt:message key="event.title"></fmt:message></span>
							</span>
						</span>
					</a>
	  			</div>
	  			<div class="people menu-tab">
	  				<a href="#" id="button-people" class="button button-people button-tab">
						<span class="${button_people_active}">
							<span>
								<span><fmt:message key="user.title"></fmt:message></span>
							</span>
						</span>
					</a>
	  			</div>
	  			<div class="items menu-tab">
	  				<a href="#" id="button-items" class="button button-items button-tab">
						<span class="${button_items_active}">
							<span>
								<span><fmt:message key="event.items"></fmt:message></span>
							</span>
						</span>
					</a>
	  			</div>
	  			<div class="media menu-tab">
	  				<a href="#" id="button-media" class="button button-media button-tab">
						<span class="${button_media_active}">
							<span>
								<span><fmt:message key="event.media"></fmt:message></span>
							</span>
						</span>
					</a>
	  			</div>
	  		</div>
	  		
	  		<div class="main-cont">
	  			<c:if test="${tabIndex==1}">
				  	<c:import url="/jsp${navigatorKind}/event/home-tab.jsp"></c:import>
				</c:if>
				<c:if test="${tabIndex==2}">
				  	<c:import url="/jsp${navigatorKind}/user/home-tab.jsp"></c:import>
				</c:if>
				<c:if test="${tabIndex!=1 && tabIndex!=2}">
				  	Tab index : ${tabIndex}
				</c:if>
			</div>
			
		</div>
		<div class="main-bottom"></div>
	</div>
	<script type="text/javascript" src="/resources/js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="/resources/js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="/resources/js/functions.js"></script>
    <script type="text/javascript" src="/resources/js/home.js"></script>
    <script type="text/javascript" src="/resources/js/thyrsusTable.js"></script>
    <script type="text/javascript" src="/resources/js/event.js"></script>
  </body>
</html>
